FTP مخفف File Transfer Protocol است به معنای پروتوکل انتقال فایل و از آن برای انتقال فایلها بین سرور و کامپیوتر کاربر استفاده می شود. بیشترین مورد استفاده از این روش برای آپلود کردن طراحی وب سایتصفحات و فایلهای مربوط به وب سایت ها است.

 

برای استفاده از FTP به یک نرم افزار هم احتیاج دارید که کار اتصال و انتقال فایلها را انجام میدهد. شما حتی می توانید از اینترنت اکسپلورر ویندوز برای این کار استفاده کنید اما چون اینترنت اکسپلورر مشخصاً برای استفاده از FTP  طراحی وب سایت  نشده است امکانات کاملی در این زمینه در اختیار شما قرار نمیدهد. در ادامه به معرفی چند نرم افزار برای کار با FTP خواهیم پرداخت.

 

اتصال به سرور FTP

برای اتصال به سرور به یک سری اطلاعات  طراحی وب سایت احتیاج دارید تا با استفاده از آنها به سرور دسترسی داشته باشید این اطلاعات معمولاً شامل آدرس سرور FTP، نام کاربری و کلمه عبور شما در سرور هستند. آدرس سرور چیزی شبیه ftp://example.com یا ftp://ftp.example.com است و سرور مورد نظر را برای برنامه مشخص میکند.

 

معمولاً پوشه ای که محتویات  طراحی وب سایت  در آن قرار میگیرند (Remote Folder) در سرور به صورت مجزا در نظر گرفته می شود که فایلهایی که خارج از این پوشه آپلود شوند از طریق سایت در دسترس نخواهند بود. نام این پوشه معولاً public_html یا www است. در صورتی که شما نام این پوشه را به برنامه FTP خود بدهین پس از اتصال به سرور به صورت خودکار این پوشه برای شما باز خوهد شد.

 

تصویر زیر مربوط به قسمتی از نرم افزار CuteFTP است که کاربر در آن مشخصات سرور FTP را تععین میکند. قسمتهای مربوط به Label و Comments برای یادآوری سایت توط کاربر استفاده میشوند و به سرور ارتباطی ندارند. کادر Host Address برای وارد کردن آدرس سرور FTP است. قسمتهای Useame و Password هم مربوط به نام کاربری و کلمه عبور کاربر در سرور هستند. Login Method هم معمولاً به صورت normal است در غیر این صورت باید اطلاعات مربوط به آنرا از مدیر سرور خود دریافت کنید.

 

 

وارد کردن مشخصات سرور FTP در نرم افزار CuteFTP

 

تبادل فایل بین سرور و کلاینت  طراحی وب سایت

اغلب کلاینتهای FTP ظاهری مشابه هم دارند که تا حدی شبیه اکسپلورر ویندوز است. در تصویر زیر می توانید نمایی از نرم افزار CuteFTP را مشاهده کنید.

 

 

نمایی از نرم افزار CuteFTP که برای کار با پروتوکل FTP مورد استفاده قرار میگیرد

 

در این نرم افزار ستون سمت چپ نشان دهنده فایلها و پوشه های موجود در کامپیوتر کاربر و قسمت بزرگتر در سمت راست نشان دهنده فایلها و پوشه های موجود در سروری هستند که نرم افزار به آن متصل شده است. سایر کادرهای موجود در برنامه هم پیامها و دستوراتی را که بین سرور و نرم افزار رد و بدل می شود و همچنین فایلهای موجود در لیست انتقال، فایلهای در حال انتقال و فایلهایی که انتقال آنها به پایان رسیهد است را نشان می دهند.

 

برای انتقال فایلها کافیست فایلهایی  طراحی وب سایت را که میخواهید منتقل شوند در ستون مربوط به آنها انتخاب کنید و دکمه آپلود یا دانلود را بسته به کاری که میخواهید انجام دهید از نوار بالای ستونها کلیک کنید. برای مثال وقتی بخواهیم یک سری فایل را از کامپیوتر خود به سرور انتقال دهیم میتوانیم همه فایلها را در کامپیوتر خود با استفاده از ستون سمت چپ برنامه انتخاب کنیم و دکمه آپلود (پیکان رو به بالا) را از نوار ابزار برنامه کلیک کنیم. با این کار همه فایلهای انتخاب شده به پوشه در سرور که هم اکنون توسط برنامه باز شده است منتقل می شوند. البته برای انتقال فایلها می توانیم از دراگ و دراپ کردن فایلها هم استفاده کنید و یا از دکمه سمت راست ماوس و… اما در اساس کار تفاوتی وجود ندارد.

 

برای دانلود فایلهای موجود در سرور  طراحی وب سایت هم باید فایلهای مورد نظر را انتخاب کنیم و دکمه دانلود (پیکان رو به پایین) را کلیک کنیم. سپس فایلها در پوشه ای که در ستون سمت چپ برنامه باز شده است دانلود می شوند.

 

البته معمولاً نرم افزارهای FTP امکانات دیگری از قبیل ویرایش فایل، فشرده سازی و باز کردن فایلهای فشرده و امکاناتی از این قبیل هم دارند ولی ما در اینجا فقط به آپلود و دانلود کردن فایل در آنها می پردازیم.

 

نرم افزارهای FTP:

نرم افزراهای زیادی برای کار با FTP وجود دارند که بسیاری از آنها را می توانید به صورت رایگان یا نسخه آزمایشی از اینترنت دانلود کنید. البته در بعضی نرم افزراهای طراحی وب سایت  نظیر Dreamweaver هم امکان کار با FTP تعبیه شده است. در این قسمت به معرفی برخی از این نرم افزارها می پردازیم.

 

Inteet Explorer

بسیاری از افراد اینترنت اکسپلورر را به عنوان نرم افزاری که قابلیت کار با FTP را داشته باشد نمیشناسند اما این قابلیت در نسخه های اخیر این مرورگر تعبیه شده است. اینترنت اکسپلورر ساده ترین راه برای شروع کار   طراحی وب سایت با FTP است چون احتیاج به دانلود و نصب نرم افزار جدید ندارید اما در صورتی که میخواهید به صورت دائمی و حرفه ای از FTP استفاده کنید ممکن است کار با این مرورگر به مرور زمان برای شما خسته کننده شود.

 

FileZilla

این نرم افزار توسط تعداد زیادی از طراحان و صاحبان سایتهای اینترنتی مورد استفاد قرار میگیرد. شما میتوانید با مراجعه با آدرس filezilla.sourceforge.net این نرم افزار را به صورت رایگان دانلود کنید یا اطلاعات بیشتری در مورد آن به دست آورید.

 

Nvu

این برنامه یک یک نرم افزار رایگان برای طراحی طراحی وب سایت و ویرایش صفحات وب است که قابلیت کار با FTP هم در آن تعبیه شده است. برای اطلاعات بیشتر در مورد این نرم افزار می توانید به وب سایت آن با آدرس www.nvu.com مراجعه کنید.

 

CuteFTP

این نرم افزار مشخصاً برای کار با FTP طراحی شده است و امکانات در خور توجهی در اختیار کاربران خود قرار می دهد. می توانید برای دانلود نسخه آزمایشی این نرم افزار به سایت رسمی آن با آدرس www.cuteftp.com مراجعه کنید. این نرم افزار با توجه به حجم مناسب (حدود 6 مگابایت برای نسخه 7 آن) و امکاناتی که در اختیار کاربران   طراحی وب سایت خود قرار میدهد گزینه مناسبی برای کار با FTP است.

 

WS_FTP

این نرم افزار هم از طرفداران زیادی برخوردار است. برای کسب اطلاعات بیشتر و دانلود نسخه آزمایشی آن می توانید به وب سایت نرم افزار با آدرس www.ipswitch.com مراجعه کنید.

 

Dreamweaver

امکانات این برنامه بسیار فراتر از یک نرم افزار FTP ساده است. این برنامه جهت طراحی وب در سطح حرفه ای ارائه شده است و علاوه بر HTML و CSS که در طراحی صفحات استاتیک استفاده می شوند از زبانهای برنامه نویسی داینامیک از جمله PHP و ASP هم پشتیبانی میکند. برای اطلاعات بیشتر در مورد این نرم افزر   طراحی وب سایت میتوانید به آدرس www.adobe.com/products/dreamweaver مراجعه کنید. 

در صورتی که تمایل دارید از این نرم افزار استفاده کنید من توصیه میکنم Adobe Dreamweaver CS3 نسخه ME را که برای زبانهای رایج در خاور میانه طراحی شده است انتخاب کنید.

 

  پردازش فرم ها با زبان PHP (بخش مقدمه)

فرم ها يکي از مهمترين و شايد جالب ترين کاربردهاي زبان قدرتمند PHP مي باشد ، فرم ها در طراحی وب سایت کاربردهاي بسيار زيادي را دارند ، اين کاربرد ها از قبيل :ثبت کاربران جديد ، دريافت سفارش در فروشگاه هاي اينترنتي ، ارسال فيدبک و ... مي باشند

 

همانطور که ملاحظه نموديد ، همه ي اين فرم ها دقيقا به يک صورت عمل يا پردازش مي شوند ، ايجاد يک فرم و  طراحی وب سایت  آن با استفاده از زبان HTML و CSS صورت مي گيرد ولي پردازش اين فرم يا به عبارتي ديگر کاري که فرم انجام مي دهد مثلا ارسال ايمل توسط يکي از زبان هاي تحت سرور همانند PHP و يا ASP صورت مي گيرد.

 

در اين سري مجموعه هاي آموزش پردازش فرم در سون لرن سعي مي کنيم تا شما را به صورت کامل و کاربردي با پردازش فرم همراه با يک يا دو پروژه عملي مثل ساخت Quizو يا فرم تماس با ما آشنا خواهيم کرد.

 

در ابتدا ما قصد داريم يک فرم را با بک سري فيلد هاي مشخص تعريف نمائيم:

 

    نام و نام خانوادگي

    ايميل

    پيام شما

 

1 <form action="" method="post">

2 Name: <input type="text" name="name" />

3 Email: <input type="text" name="email" />

4 Comment: <input type="text" name="comment" />

5 <input type="submit" />

6 </form>

 

از اين پس ما بر بخش آموزش پردازش فرم با php با اين فرم کار طراحی وب سایت خواهيم کرد.

 

اما قبل از اينکه شروع به کد نويسي براي پردازش فرم ها نمائيم  ، بهتر شما را با تفاوت متدهاي Get و Post آشنا سازيم:

 

تفاوت دو متد Get و Post :

 

بهترين طريقه آموزش طراحی وب سایت  براي نمايش تفاوت بين اين دو متد ، استفاده از فرم مي باشد ، ما با همان فرم قبلي کار خود را شروع مي کنيم ، در ابتدا فرم خود را از متد Post به Get تبديل نمائيد :

1 <form action="" method="get">

 

سپس فرم خود را در xampp اجرا نمائيد ، حال اگر شما هر فيد نام ، ايميل و پيام را وارد نمائيد و دکمه Submit را کليک کنيد ، در نوار آدرس مرورگر خود با آدرس زير مواجه مي شويد:

 

http://localhost/xampp/aaa.php?name=MiladHeydari&email=miladbruce%40live.com&comment=i+love+the+world!

 

همانطور که ملاحظه نموديد ، شما تمام مقاديري که در فيلدهاي خود وارد نموديد ، در نوار آدرس مشخص گرديد ، پس يعني متد Get چندان ايمن يا Secure نيست!

 

اما هم اکنون متد فرم خود را از Get به Post تغيير دهيد :

1 <form action="" method="post">

 

حال اگر فيلدهاي طراحی وب سایت  فرم خود را پر کنيد ف و بر روي دکمه Submit کليک نمائيد ، هيچ گونه تغييري را در نوار آدرس مرورگر خود ملاحظه نخواهيد کرد.

 

نتيجه گيري :

 

همان طور که ديديد ، متد Get داده هاي شما را به صورتي نمايش مي دهد که در معرض ديد است و همچنين مرورگرهايي همچون Inteet Explorer يک محدوديت کارکتري در نوار آدرس را براي خود ايجاد کرده اند به طول 2048 کاراکتر ، بنابراين از متد Get فقط زماني استفاده مي شود که پاسخ فرم ما بسيار کوتاه باشد و همچنبن متد Get چندان ايمن نيست!

 

ولي در مقابل متد Post ايمن تر بوده و مي توان اطلاعات يک فرم را به اندازه 8 مگابايت کاراکتر پردازش کرد ، به طور معمول اکثرا از متد Post براي فرم ها استفاده مي کنند ولي Get نيز کاربرد خاص خود را دارد به عنوان مثال اکثر سايت هايي که امکان جستجو را به کاربران خود مي دهند ، فرم جستجوي خود را با متد Get طراحي کرده اند ، در اين صورت اين کار مي تواند حتي باعث افزايش بازديد نيز شود و همچنين کاربران مي توانند آدرس جستجو را در مرورگر خود BookMark نمايند.

 

 

 

 ساده و منطقي است. مرورگر HTML را مثل وقتي که شما انگليسي را ميخوانيد مي خواند: از بالا به پايين و از چپ به راست. بنابراين يک سند HTML ساده با آن چيزي که بايد اول بيايد شروع مي شود، و با آن چيزي که بايد در انتها بيايد به آخر مي رسد.

 

اولين کاري که نياز داريد انجام دهيد، اين است که به مرورگر بگوييد که، شما با زبان HTML مي خواهيد با او گفت و گو کنيد. اين کار با برچسب <html> انجام مي شود. بنابراين قبل از اينکه هر کاري را غير از اين انجام دهيد، برچسب <html> را در اولين خط از سندتان در برنامه notepad تايپ کنيد.

 

همانطور که ممکن است از درس هاي قبل به ياد داشته باشيد، <html> يک برچسب باز است و بايد زماني که نوشتن کدهاي html تان به پايان رسيد، با برچسب بسته به اتمام برسد. بنابراين براي اينکه مطمئن شويد که برچسب بسته را فراموش نمي کنيد، طراحی وب سایت حال <htm/> را در دو خط پايين تر تايپ کنيد و بقيه کدهاي اچ تي ام ال را بين <html> و <html/> تايپ کنيد.

 

مورد بعدي که سندتان به آن احتياج دارد برچسب <head> است، که اطلاعاتي را در مورد صفحه آماده مي کند. و <body> که محتواي سندتان در آن وجود دارد. به دليل اينکه اگر HTML منطقي نباشد بي ارزش ميشود، برچسب باز و بسته head، بايد بالاي برچسب باز و بسته body قرار گيرد.